<div class="navbar">
	<div class="navbar-inner">
    <div class="left sliding">
    	<a href="selfmsg.html" class="back link">
    		<i class="icon icon-back color-white"></i>
    	</a>
    </div>
    <div class="center sliding color-white">聊天</div>
  </div>
</div>

<div class="pages navbar-through">
  <div data-page="msg" class="page toolbar-fixed" id="msg">
  	
    <div class="toolbar messagebar">
      <div class="toolbar-inner">
      	 <a href="#" class="link icon-only emoji_toggle">
      		<!--icon图标更改-->
      		<i class="icon icon-camera"></i>
      	</a> 
        <textarea placeholder="Message" class="msg"></textarea>
        <a href="#" class="link send-message" data-id="{{rev_id}}">发送</a>
      </div>
      <div class="emojiimg hide" style="width:100vw;height:30vh;background-color: #ccc;position: absolute;bottom: 44px;min-height: 188px;">    
      </div>
    </div>
    
    <div class="page-content messages-content">
    	<div class="messages div_msgcontent">
        {{#each this}}
          <div class="messages-date">{{sendtime}}</div>
          {{#if isCurrentUser}}
              <div class="message message-sent message-with-avatar">
                <div class="message-text">{{message}}</div>
                  <div style="background-image:url('{{userIcon}}')" class="message-avatar"></div>
              </div>       
          {{else}}
            <div class="message message-received message-with-avatar">
                <div class="message-text">{{message}}</div>
                  <div style="background-image:url('{{icon}}')" class="message-avatar"></div>
              </div>
          {{/if}} 
        {{/each}}
      </div>
    </div>
    
  </div>
</div>